body 
{
    margin: 0;
    padding : 0;
    text-align: center;
    font-family: Arial, Helvetica, Verdana, Giorgia, sans-serif;
    font-size: 12px;
    color: #445E79;
    background-color: #FFFFFF;
}

h1
{    
    font-size: 16px;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 3px;
    margin-top: 3px;
    margin-bottom: 8px;
}

img
{
    border:0;
    margin:0;
    padding:0;
}

a 
{
    text-decoration: none;
    color: #F14C11;
}

a:hover
{    
    text-decoration: underline;
}

.footer 
{
     color: #445E79;
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
}

a.footer:hover 
{
 color: #445E79;
 text-decoration: underline;
 font-size: 10px;
}

#flags
{
    text-align: right;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #AAAAAA;
    margin-top: 3px;
    padding-top: 0px;
    width:330px;
}

.flags ul{
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.flags a, .flags li{
    margin: 0;
    padding: 0px;
    display: block;
    width: 16px;
    height: 16px;
}

.flags li {
    float: right;
    list-style: none;
    display: inline;
    padding-right: 2px;
    padding-top: -2px;
    #margin-top: -15px;
    list-style-type: none;
}

#flags a.eng {
  background: url(../images/flag-eng-full2.png) no-repeat;
}

#flags a.ita {
  background: url(../images/flag-ita-full2.png) no-repeat;
}

#flags a.spa {
  background: url(../images/flag-spa-full2.png) no-repeat;
}

#flags a.deu {
  background: url(../images/flag-deu-full2.png) no-repeat;
}

#flags a.rus {
  background: url(../images/flag-rus-full2.png) no-repeat;
}

#flags a.fra {
  background: url(../images/flag-fra-full2.png) no-repeat;
}

#noFlags
{
    text-align: right;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #AAAAAA;
    margin-top: 3px;
    padding-top: 0px;
    width:330px;
}

.noFlags ul{
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#noFlags a {
    display:block;
    width: 16px;
    height: 16px;
    padding: 0px 4px;
    cursor:default;
}


#noFlags a.eng {
  background: url(../images/flag-eng-full2.png) 0 -32px no-repeat;
}

#noFlags a.ita {
  background: url(../images/flag-ita-full2.png) 0 -32px no-repeat;
}

#noFlags a.spa {
  background: url(../images/flag-spa-full2.png) 0 -32px no-repeat;
}

#noFlags a.deu {
  background: url(../images/flag-deu-full2.png) 0 -32px no-repeat;
}

#noFlags a.rus {
  background: url(../images/flag-rus-full2.png) 0 -32px no-repeat;
}

#noFlags a.fra {
  background: url(../images/flag-fra-full2.png) 0 -32px no-repeat;
}


#flags a:hover { 
  background-position: 0 -16px;
}

#noFlags a:hover { 
  background-position: 0 -32px;
}

#wrapper
{
    margin: 0px auto;
    width: 330px;
    text-align: center;
}

#header
{ 
    margin-top: 5px;
    width: 100%;
}

#userlogo
{
    float:left; 
    width:132px; 
    text-align:left; 
    margin:0; 
    padding:0;
}

#sitlogo
{
    text-align:right;
    margin:0; 
    padding:0;
}

#inputarea
{
    padding-top: 3px;
    padding-bottom: 4px;
    background-color: #efefef;
}

#callstatediv
{
    height:80px;
}

#callstatemessage
{
    width:100%; 
    background-color: #efefef; 
    margin-top:5px;
}

#lower
{
    height: 40px;
    width: 100%;
}

#foot
{   
    text-align: center;
    height: 25px;
    width: 330px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #AAAAAA;
}

#footExtend {
    text-align: center;
    height: 25px;
    width: 500px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #AAAAAA;
    
}

#webcallicon {
    float:left; 
    /*width:102px;*/
    text-align:left;
    height:25px;
}

a#webCallButton {
  display: block;
  height: 25px;
  width: 37px;
  background: url("../images/call_win_small_full.png") 0px -25px;
}

a#webCallButton:hover {
  background-position: 0px 0px;
}

#bookmark {
    float:left;
    text-align: center;
    height:25px; 
    width:126px; 
}

a.alt { display: none; }

a#bookmarkButton {
    display: block;
    margin-top:4px;
    width: 125px;
    height: 16px;
    background: url("../images/bookmarkFull.gif") 0px 0px no-repeat;
}

a#bookmarkButton:hover {
  background-position: 0px -16px;
}

.borderit:hover{
  color: red; /* irrelevant definition to overcome IE bug */
}


a#buttonOpenPopUp {
    /*position:relative;*/
    left: 12em;
    #left: 3em;
    display: block;
    width: 30px;
    height: 24px;
    background: url("../images/chatFullPopUp.png") 0px 0px no-repeat;
    margin: 0 auto;
    
}

a#buttonOpenPopUp:hover {
    background-position: 0px -28px;
    cursor: pointer;
}

a#buttonOpen {
    /*position:relative;*/
    left: 12em;
    #left: 3em;
    display: block;
    width: 45px;
    height: 24px;
    background: url("../images/chatOpenFull.png") 0px 0px no-repeat;
    margin: 0 auto;
    
}

a#buttonOpen:hover {
    background-position: 0px -28px;
    cursor: pointer;
}

a .alt { display: none; }

a#buttonClose {
    /*position:relative;*/
    left: 20em;
    #left: 10.5em;
    display: block;
    width: 45px;
    height: 24px;
    background: url("../images/chatCloseFull.png") 0px 0px no-repeat;
    margin: 0 auto;
}

a#buttonClose:hover {
    background-position: 0px -28px;
    cursor: pointer;
}

.meeboTooltipOpen{
    position:relative;
    top: .5em;
    left:22em;
    text-align: center;
    width:66px;
    height:18px;
    background: #ffc683;
    border:1px solid #333;
    z-index:200;
}

.meeboTooltipClose{
    position:relative;
    top: .5em;
    left:39em;
    text-align: center;
    width:66px;
    height:18px;
    background:#ffc683;
    border:1px solid #333;
    z-index:200;
}

.meeboOpen{
   position: static;
}

.meeboClose{
  position: relative;
  top: -22em;
  left: 28em;
  #left: 22em;
}

#footerleft
{
    float: left;
    width: 270px;
    text-align: left;
}

#footerright
{
    float: right;
    width: 60px;
    text-align: right;
}

#ds 
{
    border-width: 1px;
    border-color: #445E79;
    border-style: solid;
}

#numberac 
{
    border-width: 2px;
    border-color: #445E79;
    border-style: solid;
    color: black;
    text-align: center;
}

#messageBox{
	text-align: center;
	border: 1px;
	border-color: Silver;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#445E79;
	
}

input#callbutton{
    border: none;
    padding: 0;
    width:105px;
    height:23px;
    text-transform: uppercase;
    font-size: 11px;
}

.call{
    height: 22px;
    width: 105px;
    background: url("../images/callFull.png") 0px 0px no-repeat;
    color: #445E79;
    font-weight: bold;
}

.call:hover{
    background-position: 0px -22px;
    color: black;
    cursor: pointer;
}

.call:disabled{
    height: 22px;
    width: 105px;
    background: url("../images/call_disabled.png") 0px 0px no-repeat;
    color: #445E79;
    font-weight: bold;
}

.close{
    height: 22px;
    width: 105px;
    background: url("../images/closeFull.png") 0px 0px no-repeat;
    color: #445E79;
    font-weight: bold;
}

.close:hover{
	background-position: 0px -22px;
	color: black;
        cursor: pointer;
}

#settings{
	width: 300px;
}

.sfondosettings{
	width: 143px;
	height: 45px;
	background-image: url("../images/sfondoSettings.png");
	background-repeat: no-repeat;
	float: left;
}

.settingstitle{
	color: white;
	font-weight: bolder;
}

div .ImageLoader{
   background:url(../images/bookmarkHover.gif) no-repeat;
   background:url(../images/chatCloseOver.png) no-repeat;
   background:url(../images/chatOpenOver.png) no-repeat;
   background:url(../images/call_win_small_hover_2.png) no-repeat;
   margin-left:-1000px;
}

div#tipDiv {
    color:#000; 
    font-size:11px; 
    line-height:1.2;
    background-color:#ffc683; 
    border:1px solid #667295; 
    width: 70px; 
    padding: 4px;
}

#myPanel.yui-panel .hd { 
	padding:0;
	border:none;
	background:url(../js/yui/assets/img/aqua-hd-bg.gif) repeat-x;
	color:#000;
	height:22px;
	margin-left:6px;
	margin-right:6px;
	text-align:center;
	overflow:visible;
}

#myPanel.yui-panel .hd span {
	vertical-align:middle;
	line-height:22px;
	font-weight:bold;
}
#myPanel.yui-panel .hd .tl {
    width:7px;
    height:22px;
    top:0;
    left:0px;
    background:url(../js/yui/assets/img/aqua-hd-lt.gif) no-repeat;
    position:absolute;
}
#myPanel.yui-panel .hd .tr {
    width:7px;
    height:22px;
    top:0;
    right:0px;
    background:url(../js/yui/assets/img/aqua-hd-rt.gif) no-repeat;
    position:absolute;
}


#loading{
    background: #fff url(../images/loading.gif) no-repeat center center;
    opacity: 0.7;
    float:left;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    position:absolute;
    text-align:center;
    width: 100%;
    height: 100%;
    z-index: 99;
    width: 100%;
}
.not_available_panel {
            display: none;
            position: relative;
            text-align: center;
            border: 1px solid #000000;
            background-color: white;
            z-index:1004;
        }
.not_available_background{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: #DDDEEE;
            z-index:1004;
            -moz-opacity: 0.9;
            opacity:.90;
            filter: alpha(opacity=90);
        }